import React from 'react';
import { Button } from '@arco-design/web-react';
import '@arco-design/web-react/dist/css/arco.css';
import { useNavigate } from 'react-router-dom';

function Demo() {
  let navigate = useNavigate();
  return (
    <div className='wh-full flex-center'>
      Pages
      <Button
        type='primary'
        onClick={() => {
          navigate('/', { replace: true });
        }}
      >
        Hello Arco
      </Button>
    </div>
  );
}

export default Demo;
